<script setup>

import chatLogo from '@/components/chat-logo.vue'
import systemConfig from '@/components/system-config.vue'
</script>

<template>
  <el-container style="height: 100%">
    <el-header>
      <el-row>
        <el-col :span="3">
          <router-link to="/" style="height: 100%;text-decoration: none">
            <chatLogo/>
          </router-link>
        </el-col>
        <el-col :span="10"
        ></el-col>
        <el-col :span="7">
          <el-menu
              style="border-bottom: none"
              mode="horizontal"
              router
              :default-active="'/chat/qa'"
          >
            <el-menu-item :index="'/chat/qa'">
              {{$t('chat')}}
            </el-menu-item>
            <el-menu-item :index="'/chat/ck'">
              {{$t('kr')}}
            </el-menu-item>
            <el-menu-item :index="'/chat/manage'">
              {{$t('systemManage')}}
            </el-menu-item>

          </el-menu>

        </el-col>
        <el-col :span="4">
          <systemConfig/>
        </el-col>
      </el-row>
    </el-header>
    <el-main style="padding: 20px 0 0 0 ">
      <router-view/>
    </el-main>
  </el-container>

</template>

<style scoped lang="scss">

</style>